import React,{ Component } from 'react'
import '../../sass/hander.scss';
import {Input,Row, Col} from 'antd';
import mirror, { actions, connect, render } from 'mirror';
class Hander extends Component {
    constructor(props){
        super(props)
        this.state={
            a:'actions.homeData',
            b:''
        }

    }
    changes(e){
        this.setState({
         b:e.target.value
        })
    }
    render(){
        return(
            <div className='worp'>
                <div className='hande'>
                    <Row type="flex" justify="center">
                        <Col xs={20} sm={16} md={12} lg={8} xl={4} span={4}>首页</Col>
                        <Col xs={20} sm={16} md={12} lg={8} xl={4} span={4}>介绍</Col>
                        <Col xs={20} sm={16} md={12} lg={8} xl={4} span={4}>商城</Col>
                        <Col xs={20} sm={16} md={12} lg={8} xl={4} span={4}>注册</Col>
                        <Col xs={20} sm={16} md={12} lg={8} xl={4} span={4}>关于我们</Col>
                    </Row>
                </div>
                <Input 
                 size="large"
                addonBefore="Http://" 
                addonAfter=".com" 
                placeholder="Basic usage"
                onChange={this.changes.bind(this)} />
            </div>
        )
    }
}
export default Hander;